<template>
  <div class="home-company">
    <van-cell class="home-cell">
      <van-row v-for="item in homeCompany" :key="item.id">
        <van-col span="7" class="home-left">
          <van-image width="80px" height="86px" src="https://img01.yzcdn.cn/vant/cat.jpeg"/>
        </van-col>
        <van-col span="17" class="home-right">
          <h3>{{item.name}}</h3>
          <p>{{item.leave}}</p>
          <van-button plain hairline type="info" size="mini" round>协会会员</van-button>
          <van-button plain hairline type="info" size="mini" round>{{item.serve}}</van-button>
          <van-button plain hairline type="info" size="mini" round>{{item.context}}</van-button>
        </van-col>
        <van-col span="22" class="home-button">
          <van-row>
            <van-col span="2"><van-icon name="location" color="#9C979191" size="18px" /></van-col>
            <van-col span="4"><h4>22.68km</h4></van-col>
            <van-col span="18"><p>湖南省长沙市天心区暮云工业园开服曼城住宅...</p></van-col>
          </van-row>
        </van-col>
      </van-row>
    </van-cell>
    <van-nav-bar title="更多公司》" to="/company" round/>
  </div>
</template>

<script>
export default {
  name: 'HomeCompany',
  components: {},
  props: {
    homeCompany: {
      type: [Array, Object],
      required: true
    }
  },
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {}
}
</script>
<style scoped lang='less'>
.home-company {
  .home-cell {
    padding: 0;
  }
  .home-left {
    margin-top: 12px;
    .van-image {
      margin-left: 18px;
    }
  }
  .home-right {
    margin-top: 12px;
    h3 {
      font-size: 14px;
      color: #000;
      line-height: 20px;
      margin: 0;
    }
    p {
      font-size: 12px;
      color: #9C979191;
      line-height: 17px;
      margin: 13px 0 0 0;
    }
  }
  .home-button {
    margin-left: 18px;
    border-bottom: 1px solid #F0EEEE;
    line-height: 40px;
    h4 {
      font-size: 12px;
      margin: 0 0 0 0;
    }
    p {
      font-size: 12px;
      margin: 0;
    }
  }
  /deep/.van-nav-bar__title {
    color: #9C7B7777;
    font-size: 12px;
  }
}
</style>
